<template>
  <Layout style="height:100%">
    <!-- <Header>
        <Menu mode="horizontal" theme="dark" active-name="1">
            <div class="layout-logo"></div>
            <div class="layout-nav">
                <MenuItem name="1">
                    <Icon type="ios-navigate"></Icon>
                    Item 1
                </MenuItem>
                <MenuItem name="2">
                    <Icon type="ios-keypad"></Icon>
                    Item 2
                </MenuItem>
                <MenuItem name="3">
                    <Icon type="ios-analytics"></Icon>
                    Item 3
                </MenuItem>
                <MenuItem name="4">
                    <Icon type="ios-paper"></Icon>
                    Item 4
                </MenuItem>
            </div>
        </Menu>
    </Header> -->
    <Content :style="{overflow: 'auto',height: '100%', display: 'inline-table', width: '100%', padding: '50px'}">
        <Card style="height:100%;overflow:auto" dis-hover id="routerView">
        <router-view style="height:100%;overflow:auto;"></router-view>
        </Card>
    </Content>
</Layout>
</template>

<script>
export default {
  name: 'Index',
  data () {
    return {}
  }
}
</script>

<style scoped>

</style>
